<!--首页右侧功能-->
<template>
  <div>
    <div class="ranking">
      <ul>
        <li class="ranking-home"></li>
        <li class="ranking-home"></li>
        <li class="ranking-home"></li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  name: 'HomeRanking'
}
</script>

<style scoped>
  .ranking{
    width: 480px;
    height: 560px;
    background: #ffff99;
    position: absolute;
    top: 500px;
    right: 20px;
  }
  .ranking-home{
    width: 480px;
    height: 80px;
    background: blue;
    border: solid #cccccc 1px ;
  }
  li{
    list-style:none
  }
</style>
